www.gusucode.com > 简洁外贸公司电子科技产品网站源码 白色织梦企业站模板(demo38) > 简洁外贸公司电子科技产品网站源码 白色织梦企业站模板(demo38)/www6/templets/demo380958/css/header.css
@charset "utf-8"; /* CSS Document */ /* Www.AdminBuy.Cn 做最好的织梦模板 */ #header { width:960px; height:150px; margin:0 auto; overflow:hidden; } #header h1 { width:167px; height:56px; float:left; margin:61px 0 0 0; overflow:hidden; } #header h1 a { display:block; width:167px; height:56px; background:url(../images/logo.png) center center no-repeat; text-indent:-999em; overflow:hidden } #header ul { float:left; } #nav { width:684px; height:73px; margin:0 0 0 20px; padding:60px 0px 0 13px; background:url(../images/nav_bg.png) center center no-repeat; overflow:hidden; } #nav li { float:left; width:94px; height:47px; font-family:"微软雅黑"; font-size:14px; text-align:center; line-height:47px; position:relative; } #nav li a { display:block; float:left; width:94px; height:44px; padding:0 0 0 3px; position:absolute; top:0px; left:0px; z-index:1px; color:#fff; } #nav li span { display:block; float:left; width:94px; position:absolute; z-index:0; left:5px; top:1px; _top:0px; _left:4px; color:#336699; font-size:14px; } #nav li .sub_nav { width:400px; height:30px; position:absolute; top:40px; left:-80%; padding:7px 0 0 0; overflow:hidden; display:none; } #nav li .sub_nav ul { padding:0 0 0 10px; background:#eee; } #nav li .sub_nav li { width:75px; height:30px; line-height:30px; font-size:12px; text-align:left; float:left; overflow:hidden; } #nav li .sub_nav li a { color:#999; height:30px; } #nav li .sub_nav li a:hover { color:#3366cc; } #nav li:hover .sub_nav { display:block; background:url(../images/nav_li_hover.gif) 120px top no-repeat; } #version { width:41px; height:39px; margin:68px 0 0 35px; overflow:hidden; } #version li { height:12px; margin:0 0 13px 0; text-indent:6px; background:url(../images/iocn.gif) left center no-repeat; white-space:nowrap; color:#666; }